<template>
  <div class="main">
    <div class="left">
      <studentMainleft></studentMainleft>
    </div>
    <div class="right">
      <h2>个人信息管理</h2>
      <div class="con">
        <div class="personInfo">
          <el-descriptions title="用户信息" :column="1">
            <el-descriptions-item label="用户名">{{user.StuName}}</el-descriptions-item>
            <el-descriptions-item label="学号">{{user.StuId}}</el-descriptions-item>
            <el-descriptions-item label="手机号">{{user.StuPhone}}</el-descriptions-item>
            <el-descriptions-item label="性别">{{user.StuSex}}</el-descriptions-item>
            <el-descriptions-item label="年龄">{{user.StuAge}}</el-descriptions-item>
            <el-descriptions-item label="入学时间">{{user.StubackTime}}</el-descriptions-item>
            <el-descriptions-item label="邮箱">{{user.StuEmail}}</el-descriptions-item>
            <el-descriptions-item label="联系地址">江苏省苏州市吴中区吴中大道 1188 号</el-descriptions-item>
          </el-descriptions>
        </div>
         <el-divider direction="vertical"></el-divider>
        <div class="applyform">
            <h3>申请表</h3>
          
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import studentMainleft from "@/components/studentMainleft";
import applyform from "@/components/applyform";
export default {
  components: {
    studentMainleft,
    applyform
  },
  data() {
    return {
      user: ""
    };
  },
  created() {},
  mounted() {
    this.user = JSON.parse(sessionStorage.getItem("user"));
    var date = new Date(this.user.StubackTime);
    this.user.StubackTime =
      date.getFullYear() + "-" + date.getMonth() + "-" + date.getDay();
  },
  methods: {}
};
</script>

<style scoped>
.main {
  display: flex;
}
.right {
  width: 100%;
  background-color: white;
  min-height: 500px;
  margin-left: 10px;
}
.right .con{
    padding:0px 50px;
    display: flex
}
.right .con .personInfo{
    width: 50%
}
.right .con .applyform{
    width: 50%
}
.el-divider--vertical{
  height: 25em;
}
</style>
